User:HenryMakerCH/style.css

/*源码来自 Moegirl Pedia [[Slow Loop/style.css]] */
/*https://zh.moegirl.org.cn/Slow%20Loop/style.css*/
/*MinervaNeue皮肤下图片缩放*/
.infobox2 img {
	width:100%; max-width:312px !important; height:auto;
}
/*移除信息栏中tab的边框*/
.infobox2 .TabContent{
	border:0;
}
/*标题风格化*/
h2 {
	max-width: 100%;
	border-bottom: none;
	overflow: visible;
}
 
h2 .mw-headline {
	display: inline-block;
	position: relative;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-family: sans-serif;
	font-weight: bolder;
	background: #9ED8DD;
	padding: 5px 10px 5px 40px;
	font-size: 110%;
	border-radius: 0 30px 30px 0;
	margin-left: 15px;
	line-height: 1.4;
	width: 40%;
}   
 
h2 span.mw-headline::before {
	content: url("https://img.moegirl.org.cn/common/3/39/ISO_7010_E001_blue.png" );  
	display: inline-block;
	position: absolute;
	left: -0.8em;
	top: -2%;
}
 
h3 .mw-headline {
	color: #1568A2;
	font-size: 120%;
	padding: 0 10px;
	border-bottom: solid 2px #0B7698;
}
 
h4 .mw-headline {
	border-left: solid 10px #0C7698;
	color: rgba(4,87,146,1.00);
	padding-left: 7px;
	position: relative;
	font-size: 118%;
	padding-bottom: 5px;
}
 
h5 .mw-headline {
	padding-left: 10px;
	font-size: 108%;
	position: relative;
	font-weight: 900;
}
 
/*圆角化*/
 
.infoBox,.infoBoxContent,.infoBox2,.navbox-title,.navbox-group,.wikitable,.bilibili-title,.navBox,table,td,div,.toc,pre,.card,.bottomRightCorner,.radius,.mw-body,.TabContent {
	border-radius: 7px;
}
.infoBoxContent {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
 
 
/*目录在宽屏下改为两栏显示*/
@media screen and (min-width:1000px) {
	.toc ul {
		column-count: 2;
	}
	.toc ul > li > ul {
		column-count: 1;
	}
	.toctoggle {
		float: right;
	}
}
 
/*移动版允许使用small、big标签*/
small {
	font-size:smaller;
}
big {
	font-size:larger;
}
 
/* 编辑按钮右置、半透明 */
.mw-editsection {
	float: right;
	font-size: 13px;
	opacity: 0.4;
	transition: opacity 0.5s;
}
 
.mw-editsection:hover {
	opacity: 1;
}
 
/*表格样式*/
.stubborn>table {
	border-radius: 15px;
	border: rgba(173,216,230,1.00) 3px solid;
	overflow: hidden;
	margin-top: 15px!important;
	margin-left: 15px!important;
}
 
table.wikitable {
	border-radius: 15px;
	border: rgba(173,216,230,1.00) 3px solid;
	overflow: hidden;
	margin: 0.5em 10%;
}
 
.wikitable th {
	border: 1.2px solid #7fcad9;
	color:#0b7698;
	border-radius: 4px;
	background-color: rgba(161, 212, 218, 0.4);
}
 
.wikitable td {
	border: 1.2px solid #7fcad9;
	background-color: rgba(135, 206, 235, 0.1);
}
/* 分割线 */
hr {
	margin: 1em 10% 0.5em;
	width: 80%;
	border-bottom: 2px dashed #3fa8bd;
	background: none;
}
 
/* 折叠窗优化 */
 
table.wikitable {
	text-align: center;
}
 
table.wikitable img {
	height: auto;
	max-width: 90%;
}
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #cde5ea;
}
 
.mw-collapsible-text {
	color: #0b7698;
}
 
table.wikitable tbody{
	display: contents;
}
 
/* 更改选中颜色 */
::selection {
	color: #B0C4DE;
	background-color: #cde5ea;
}
 
a:hover {
	text-decoration: underline wavy;
}
 
/* 媒体适配 */
 
@media screen and (max-width: 960px) {
	table.wikitable {
		margin: 0.5em 0;
		width: 100%!important;
	}/* 伸缩到全屏 */
	
	.infobox2{
		max-width:100%!important;
	}/* 伸缩到全屏 */
	
	.bubulogo{
		margin:0.2em 15%;
		height:auto;
		max-width:70%;
	}/* 伸缩到更大 */
	
	h2 {
		padding: 5px 0em;
		border-radius: 5px 5px 0 0;
	}
	
	table.wikitable tbody{
		display: inline-block;
	}
	
}